<!DOCTYPE html>
<html lang="zh-cn">
 <head> 
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="ie=Edge"/>
	<meta name="viewport" content="width=device-width,initial-scale=1"/>
	<link rel="shortcut icon" href="./favicon.ico" />
	<title>WebPDF 365</title> 	
  	<link rel="stylesheet" href="/css/bootstrap.css"/> 
    <link rel="stylesheet" href="/css/reader/FxOnlineReader.css"/>
    <link rel="stylesheet" href="/css/reader/jquery.jscrollpane.css"/>
    <link rel="stylesheet" href="/css/reader/modal.css"/>
    <link rel="stylesheet" href="/css/reader/dtree.css"/>
    <link rel="stylesheet" href="/css/reader/contextmenu.css"/>
    <link rel="stylesheet" href="/css/reader/form.css"/>
    <link rel="stylesheet" href="/css/site.css" /> 
    <link rel="stylesheet" href="/css/icon.css"/>
    <link rel="stylesheet" href="/css/signature/signature.css" /> 
  
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
  <!--[if lt IE 9]>
    <script src="${apiHomeUrl}/scripts/html5shiv.min.js"></script>
    <script src="${apiHomeUrl}/scripts/respond.min.js"></script>
    <![endif]--> 
  <!--[if IE 9]>
    <style type="text/css">
        /*fix ie9 does not support css3 animation*/
        .upload-tip {
            opacity: 1 !important;
        }

        .upload-block .upload-btn {
            opacity: 1 !important;
        }
    </style>
    <![endif]--> 
    <style>
	@font-face{
		font-family: Anacondas;
		src: url(./signatureFont/Anacondas.eot);
	  	src: url('./signatureFont/Anacondas.eot?#iefix') format('embedded-opentype'),
	  		 url(./signatureFont/Anacondas.ttf) format('truetype');
	}
	@font-face{
		font-family: Kroeburn; 
		src: url(./signatureFont/Kroeburn.eot);
	  	src: url('./signatureFont/Kroeburn.eot?#iefix') format('embedded-opentype'),
	  		 url(./signatureFont/Kroeburn.TTF) format('truetype');
	}
	@font-face{
		font-family: Ventilla; 
		src: url(./signatureFont/Ventilla_Stone.eot);
	  	src: url('./signatureFont/Ventilla_Stone.eot?#iefix') format('embedded-opentype'),
	  		 url(./signatureFont/Ventilla_Stone.ttf) format('truetype');
	}
	@font-face{
		font-family: Phantom; 
		src: url(./signatureFont/phantom_of_the_opera_font.eot);
	  	src: url('./signatureFont/phantom_of_the_opera_font.eot?#iefix') format('embedded-opentype'),
	  		 url(./signatureFont/phantom_of_the_opera_font.ttf) format('truetype');
	}
    </style>
 </head> 
 <body> 
  <input id="docId" type="hidden"></input> 
  <div id="Viewer"> 
   <div class="fwr-mainframe-header fwr-top-layer-2" id="headerControl"> 
    <div class="topbar"> 
     <ul class="pull-left"> 
      <li class="save_16 li16 operation-save disabled"><a href="#" title="save"></a></li> 
      <li class="undo li16" style="display:none;"><a href="#" title="undo"></a></li> 
      <li class="redo li16" style="display:none;"><a href="#" title="redo"></a></li> 
     </ul> 
     <span id="span-filename">File name.pdf - Foxit WebPDF 365</span>
     <ul class="pull-right"> 
      <li class="up li16" id="up-down"><a href="#" title="up"></a></li> 
      <li class="fullview li16" id="btnFullScreen"><a href="#" title="fullview"></a></li> 
     </ul> 
     <!-- Button trigger modal --> 
     <button type="button" class="btn btn-primary btn-primary1 pull-right" data-toggle="modal"  id="btn-signin-drop" style="border:0"> Sign In </button> 
     <div class="dropdown pull-right" style="display:none" id="div-signin">
	  <a class="user dropdown-toggle" data-toggle="dropdown">
	    <span id="btn-sign-dropdown">Dropdown</span>
	    <span class="caret"></span>
	  </a>
	  <ul class="dropdown-menu my" role="menu" aria-labelledby="dropdownMenu1" style="max-width:150px;padding-bottom: 8px;">
	    <li role="presentation" id="li-myaccount" style="width:150px;"><a role="menuitem" tabindex="-1">My Account</a></li>
	    <li role="presentation" style="width:150px;"><a role="menuitem" tabindex="-1" >Help Center</a></li>
	    <li role="presentation" id="li-signout" style="width:150px;"><a role="menuitem" tabindex="-1">Sign Out</a></li>
	   </ul>
	</div>
    </div> 
    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist" id="tab-list"> 
     <li id = "tab-file" class="active"><a href="#tab-file-content" role="tab" data-toggle="tab">File</a></li>
     <li id = "tab-home"><a href="#tab-home-content" role="tab" data-toggle="tab">Home</a></li>
     <li id = "tab-form"><a href="#tab-form-content" role="tab" data-toggle="tab">Form</a></li>
     <li id = "tab-sign"><a id="signTab" href="#tab-sign-content" role="tab" data-toggle="tab">Sign</a></li>
     <li><a href="#tab-find-content" role="tab" data-toggle="tab" id="find">Find</a>
      <div class="search" id="search" style="display:none">      
        <span class="icon search-icon"></span> 
        <input id="query" type="text" spellcheck="false" name="query" autocomplete="off" autocapitalize="off" style="width:0px" placeholder="Find" />       
        <div class="btn-box">
            <div class="search-previous-btn disabled"></div>
            <div class="search-next-btn disabled"></div>
        </div>
      </div>
      </li> 
    </ul> 
    <!-- Tab panes --> 
    <div class="tab-content" id="div-opt-tab-content">
     <div class="tab-pane active" id="tab-file-content">
      <div class="row feature tabContainer">
       <ul class="tabBody">
        <li class="group group-tool">
            <span class="groupContainer">
                <span class="groupBody">
                     <a class="cui-section webpdftool btnHandTool hand_24 ctl-large">
                  <span class="ctl-largelabel">Hand</span>
                </a>
                     </span>
                <span class="groupTitle">Tool</span>
            </span>
            <span class="groupSeparator"></span>
        </li>
        <li class="group group-comment">
            <span class="groupContainer"> <span class="groupBody"> <a class="ctl-large typewriter_24 webpdftool" style="width:65px" id="btnTypewriter"> <span class="ctl-largelabel">Typewriter</span> </a> <a class="ctl-large note_24 webpdftool" id="btnNote"><span class="ctl-largelabel">Note</span> </a> 
            <span class="cui-section-alignmiddle">
        	<span id="btnHighlight" class="cui-row ctl-medium highlight ctl-mediumlabel webpdftool">Highlight</span>
        	<span  id="btnPencel" class="cui-row ctl-medium pencil_16 ctl-mediumlabel  webpdftool">Strikeout</span>
        </span> </span>
        <span class="groupTitle">Comment</span> </span>
            <span class="groupSeparator"></span>
       </li>
       
       <li class="group group-sign">
			<span class="groupContainer">
				<span class="groupBody">
					<a id="getSignatureList" class="dropdown-toggle ctl-large sign" data-toggle="dropdown" href="#" aria-expanded="false">
						<span class="ctl-largelabel" style="width:56px">Signature</span> <span class="caret"></span>
						<div id="signatureList" style="display:none" class="fwr-signature-item">
						</div>
					</a>
			<span class="cui-section-alignmiddle">
			<span id="textSignature" class="cui-row ctl-medium text16 ctl-mediumlabel webpdftool">Text</span>
        	<span id="dateSignature" class="cui-row ctl-medium date16 ctl-mediumlabel webpdftool">Date</span>        	
        </span>
		</span>
				<span class="groupTitle">
					Sign
				</span>
			</span>
			<span class="groupSeparator">
			</span>
		</li>
		<li class="group group-find">
			<span class="groupContainer">
				<span class="groupBody">
				  <a class="ctl-large find24"><span class="ctl-largelabel">Find</span></a>
				</span>
				<span class="groupTitle">
					Find
				</span>
			</span>
			<span class="groupSeparator">
			</span>
		</li>
		<li class="group group-fill">
			<span class="groupContainer">
				<span class="groupBody">
				  <a class="ctl-large highlight-fields highlightfield"> <span class="ctl-largelabel" style="width:56px">Highlight Fields</span></a>
                    <a class="ctl-large reset-form reset"> <span class="ctl-largelabel">Reset Form</span></a>	
				</span>
				<span class="groupTitle">
					Fill
				</span>
			</span>
			<span class="groupSeparator">
			</span>
		</li>
		  
       </ul>
      </div>
     </div>
     
    </div>
   </div> 
   <div class="fwr-doc-viewer" style="left: 0px; height: 100%; width:100%;border-top:1px solid #d7d7d7;">  
   </div> 
   <div class="fwr-mainframe-footer fwr-top-layer-2" id="bottomControl">
<div class="fwr-status-bar" id="statusBar">
    <span class="pull-left"></span> 
    <span class="fwr-status-center-bar">
        <a id="btnGoToFirstPage" class="firstpage fwr-image-btn-16x16" title="First Page"></a>
        <a id="btnGoToPreviousPage" class="previouspage fwr-image-btn-16x16" title="Previous Page"></a>
       <div class="fwr-goToPage-control">                
            <select id="pageIndexInputSelect" class="fwr-goToPage-input">
            </select>
        </div>
        <a id="btnGoToNextPage" class="nextpage fwr-image-btn-16x16" title="Next Page"></a>
        <a id="btnGoToLastPage" class="lastpage fwr-image-btn-16x16" title="Last Page"></a>
    </span>     

<span class="fwr-status-right-bar">
  <span class="fwr-select-zoom-wrapper">
        <select class="fwr-zoom-select btnSelectZoom">         
        </select>               
    </span>
            <a id="btnZoomOut" class="fwr-image-btn-16x16 btnZoomOut zoomout" title="Zoom Out"></a>
            <div id="zoomSelectSlider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all fwr-zoom-select-slider"
                    >
            </div>
            <a id="btnZoomIn" class="fwr-image-btn-16x16 zoomin btnZoomIn" title="Zoom In"></a>
    <span>
</span>
</div>
</div>
  </div>  
  <script src="/js/reader/lib/jquery-1.10.2.js"></script> 
  <script src="/js/jquery-ui.1.11.1.js"></script>
  <script src="/js/bootstrap.min.js"></script> 
  
  <script type="text/javascript">
   // window.apiHomeUrl = "${apiHomeUrl}";
    window.email = "${email}";
  </script>  

    <script src="/js/reader/lib/tools.js"></script>
    <script src="/js/reader/lib/modalmanager.js"></script>
    <script src="/js/reader/lib/modal.js"></script>
    <script src="/js/reader/lib/i18next-1.6.0.min.js"></script>
    <script src="/js/reader/lib/sea-debug.js"></script>
    <script src="/js/reader/lib/seajs-text.js"></script>  
    <script src="/js/reader/lib/jquery.fullscreen.js"></script>
    <script src="/js/reader/WebPDF.js"></script>
    <script src="/js/home.js"></script>

 </body>
</html>